<!DOCTYPE html>
<html>
<head>
	<meta charset=utf-8 />
	<title>Merge EDL timecodes into Belle Nuit</title>
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/creative-suite.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>  
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<script type="text/javascript" src="../../js/date.js"></script>
	<script type="text/javascript" src="../../js/common.js"></script> 
	<script type="text/javascript" src="edl-merger.js"></script>
</head>
<body> 
	<h1>Merge EDL timecodes into Belle Nuit</h1>
	 
	<div class="step1">
		
		<div class="secondary toolbar"><div class="bar-content">  
			<div class="buttons-container" style="float:left">
				<div class="buttons">
					<a class="button loadDefaults" href="#"><span>load defaults</span></a> 
				</div>
			</div>
			<div class="buttons-container">
				<div class="buttons">
					<a class="button toggle-linenums" href="#"><span>Show Line Numbers</span></a> 
					<a class="button proceed" href="#"><span>Merge &raquo;</span></a> 
				</div>
			</div>
		</div></div>
		
		<table>
			<tr>
				<td class="input">
					<div class="panel">
						<h3 title="Paste file contents or drag the file into the text area below">EDL file contents</h3> 
				 		<div class="panel-content">
							<textarea class="edl"></textarea>
							<div class="clear buttons" style="width: 43px; margin: 3px auto;">
								<a class="button clear-textarea"><span>clear</span></a>
							</div>
						</div>
					</div>
				</td>
				 
				<td class="input">				
					<div class="panel">
						<h3 title="Paste file contents or drag the file into the text area below">Belle Nuit file contents</h3>
						 
				 		<div class="panel-content">
							<textarea class="belle-nuit"></textarea>
							<div class="clear buttons" style="width: 43px; margin: 3px auto;">
								<a class="button clear-textarea"><span>clear</span></a>
							</div>
						</div>
					</div>
				</td>
			</tr>
		</table>
		 
	</div>
	
	<div class="step2">
		<div class="secondary toolbar"><div class="bar-content"> 
			<div class="buttons-container" style="float:none">  
				<div class="buttons">
					<a class="button back" href="#"><span>&laquo; Back</span></a>   
				</div>
			</div>
		</div></div>
		 		
		<table>
			<tr> 
				<td class="output">				
					<div class="panel">
						<h3>Result: Merged Belle Nuit file contents</h3>
				 		<div class="panel-content">
							<textarea></textarea> 
							<div class="clear buttons" style="width: 43px; margin: 3px auto;">
								<a class="button clear-textarea"><span>clear</span></a>
							</div>
						</div>
					</div>
				</td>
			</tr>
		</table> 
		
	</div>
	
</body>
</html>